@import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&display=swap');
            @font-face{
            font-family:Barlow;
            src:url(https://fonts.googleapis.com/css2?family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&display=swap);
        }
@font-face {
    font-family:"y2k";
    src:url("fonts/ChillyUIBold.ttf");
}
    
    @font-face{
        font-family:y2k2;
        src:url("fonts/Knochen-Regular.ttf")
    }

body{
    color:dimgray;
        background-color:white;
    padding-bottom:70px;
}
#all{
width: 630px;
}

#side{
text-align: center;
width: 123px;
height: 100vh;
float: left;
background-color: white;
padding: 10px;
border-width: 0px 1px 0px 1px;
border-style: solid;
border-color: #3d2120;
    overflow-y:hidden;
}

#sideicon{
border: 1px solid slategray;
    max-width:100%;
}



.sideheader{
font-weight: normal;
margin: 5px 0px 0px 5px;
font-size: 20px;
font-family: 'y2k', sans-serif;
}

.dropdown {
  position: relative;
    margin-top:10px;
    margin-bottom:10px;
    
}

#entries{
    line-height:-10px;
}

#year{
}

.dropdown-content {
  display: none;
  min-width: 130px;

}


.dropdown li{
   margin:0px;
    text-align:left;}

.dropdown-content a{
   color:inherit;
}

.cat{
    content:url(https://i.imgur.com/KXICOIV.gif);
    margin-right:5px;
    max-width:15px;
    height:100%;
    
}


.dropdown:hover .dropdown-content {
  display: flex;
    align-items:center;
}

#aboutheader{
margin: 0px 0px -5px 0px;
}

#about{
text-align: justify;
margin: 0px 0px 10px 0px;
letter-spacing: 1px;
}

.divider{
border-bottom: 1px solid slategray;
}

ul{
padding: 0px;
margin: 0px;
}

li{
list-style-type: none;
margin: 5px 0;
}

#main{
width: 485px;
height: 100vh;
float: left;
background-color: whitesmoke;
overflow: scroll;
overflow-x: hidden;
}

#header{
background-image: url('https://bettysgraphics.neocities.org/images/backgrounds/glitter.gif');
background-color: deepskyblue;
height: 70px;
font-style:oblique;
}

#header h1{
margin: 0px;
font-weight: normal;
color: #fff;
font-size: 70px;
line-height: 70px;
text-transform: uppercase;
font-family: 'y2k', sans-serif;
}

.subheader{
font-weight: normal;
font-size: 30px;
margin: 0px 0px -5px 0px;
padding: 10px 10px 0px 10px;
font-family: 'y2k', sans-serif;
    text-transform: uppercase;
}

.postcontainer{
padding: 10px;
position: relative;
}

.iconanddatecontainer{
height: 92px;
border-bottom: 2px solid orange;
font-family: 'y2k2', sans-serif;
    font-size:1em;
}

.icon{
border: 1px solid #3d2120;
}

.posttext{
padding: 0px 15px 0px 15px;
letter-spacing: 1px;
text-align: justify;
margin-top: -15px;
    color:black;
}
    
    .posttext img{
        max-width:100%;
    }

.icon{
position: absolute;
}

.date{
position: absolute;
right: 10px;
}

a{
text-decoration: none;
color: orangered;
}

a:hover{
font-style: italic;
font-weight: bold;
}

a:active{
font-weight: bold;
font-style: italic;
}

::-webkit-scrollbar{
width: 5px; 
}
    
::-webkit-scrollbar-track{
background-color: transparent;
}

::-webkit-scrollbar-thumb{
background-color: #e98583;
}

#bg{
position:fixed;
bottom: 0px;
right: 0;
}

#credit{
font-size: 12px;
position: fixed;
bottom: 0;
right: 0;
z-index: 2;
}
    
    #mini{
        color:#e44771;
    }